Versi

Heading pada HTML

Tutorial HTML; Diperbarui tanggal: 9/09/2025

HTML Heading (kepala judul) adalah elemen yang digunakan untuk menandai teks sebagai judul atau heading pada halaman web. Ada enam level heading dalam HTML, mulai dari H1 hingga H6, dengan H1 sebagai heading paling penting dan H6 sebagai heading paling tidak penting.

Contoh penggunaan heading pada halaman web:

<!DOCTYPE html>
<html>
<head>
	<title>Contoh Halaman Web dengan Heading</title>
</head>
<body>
	<h1>Heading level 1</h1>
	<h2>Heading level 2</h2>
	<h3>Heading level 3</h3>
	<h4>Heading level 4</h4>
	<h5>Heading level 5</h5>
	<h6>Heading level 6</h6>
</body>
</html>

Kode diatas akan menampilkan dokumen sebagai berikut.

Heading level 1

Heading level 2

Heading level 3

Heading level 4

Heading level 5

Heading level 6

Dalam contoh di atas, elemen heading digunakan untuk menunjukkan tingkat kepentingan judul pada halaman web. Heading level 1 digunakan untuk judul utama, sedangkan heading level 2 hingga 6 digunakan untuk sub-judul atau judul bagian-bagian lain pada halaman web.

Penggunaan elemen heading yang benar dapat membantu mesin pencari dan pengguna memahami struktur dan hierarki informasi pada halaman web. Oleh karena itu, sebaiknya penggunaan elemen heading harus diatur secara proporsional dan tidak digunakan secara berlebihan.

Mengubah Ukuran Heading

Setiap heading HTML memiliki ukuran default. Namun, Anda dapat menentukan ukuran judul apa pun dengan atribut style, menggunakan properti font-size CSS.

<h1 style="font-size:60px;">Heading 1</h1>

Kode diatas akan mengubah ukuran huruf seperti ini.

Heading 1